<template>
  <h1>分房结果</h1>
  <el-table :data="tableData" height="500" border style="width: 100%">
    <el-table-column label="序号" width="50">
      <template v-slot="scope">
        {{ scope.$index + 1 }}
      </template>
    </el-table-column>
    <el-table-column prop="Name" label="名字" width="100">
    </el-table-column>
    <el-table-column prop="Department" label="部门" width="100">
    </el-table-column>
     <el-table-column prop="Professinal" label="职称" width="100">
    </el-table-column>
     <el-table-column prop="Population" label="人口" width="50">
    </el-table-column>
     <el-table-column prop="Housco" label="住房分数" width="100">
    </el-table-column>
     <el-table-column prop="Hnum" label="房号" width="100">
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
  };
  },
  mounted() {
    this.$http
      .get("api/auth/gethouse")
      .then((response) => (this.tableData = response.data));
  },
}
</script>